
.dawn-text-base {
	font-size: $dawn-font-size-base;
}

.dawn-text-ss {
	font-size: $dawn-font-size-ss;
}

.dawn-text-sm {
	font-size: $dawn-font-size-sm;
}

.dawn-text-md {
	font-size: $dawn-font-size-md;
}

.dawn-text-lg {
	font-size: $dawn-font-size-lg;
}

.dawn-text-xl {
	font-size: $dawn-font-size-xl;
}

.dawn-shadow {
	box-shadow: $dawn-box-shadow;
}

.dawn-radius {
	border-radius: $dawn-border-radius;
}

.dawn-border {
	border: 2rpx solid $dawn-border-color;
}

.dawn-border-bottom {
	border-bottom: 2rpx solid $dawn-line-color;
}

.tn-margin-bottom-sm{
	margin-bottom: $dawn-margin-box;
}

.tn-margin-top-sm{
	margin-top: $dawn-margin-box;
}

.tn-padding-bottom-sm{
	padding-bottom: $dawn-margin-box !important;
}

.tn-margin-right-ss {
	margin-right: 7rpx;
}

.tn-padding-right-ss {
	padding-right: 7rpx;
}

.tn-margin-left-ss {
	margin-left: 7rpx;
}

.tn-padding-left-ss {
	padding-left: 7rpx;
}

.tn-margin-top-ss {
	margin-top: 7rpx;
}

.tn-padding-top-ss {
	padding-top: 7rpx;
}

.tn-padding-bottom-ss {
	padding-bottom: 7rpx;
}

.dawn-wrap {
	padding: 10px;
	border-radius: $dawn-btn-radius;
	box-shadow: $dawn-box-shadow;
	z-index: 1;
	background-color: #fff;
}

.dawn-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	border-radius: $dawn-btn-radius;
	box-shadow: $dawn-box-shadow;
	z-index: 1;
	background-color: #fff !important;
	color: #000;
}

.dawn-flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tn-input-text{
	display: flex;
	align-items: center;
	width: 100% !important;
	padding: 0px 5px !important;
	text-align: left !important;
	// border-radius: 3px !important;
	border: 1px solid $dawn-border-color !important;
	// line-height: 88rpx !important;
	// min-height: 60rpx !important;
	// height: 88rpx !important;
	font-size: $dawn-font-size-base !important;
	// box-shadow: $dawn-box-shadow;
	color: #000;
}


.tn-input-select{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100% !important;
	padding: 0px 0px 0px 5px !important;
	text-align: left !important;
	// border-radius: 3px !important;
	border: 1px solid $dawn-border-color !important;
	// line-height: 88rpx !important;
	// min-height: 60rpx !important;
	height: 64rpx !important;
	font-size: $dawn-font-size-base !important;
	// box-shadow: $dawn-box-shadow;
	color: #000;
	
	&__select {
	  transition: transform .4s;
	  font-size: $dawn-font-size-md + 2;
	  // font-weight: bolder;
	  color: $dawn-theme-color-dark;
	  
	  &--reverse {
	    transform: rotate(-180deg);
	  }
	}
}


.dawn-success {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 40vh;
	z-index: 100;

	&__icon {
		font-size: 160rpx;
		color: $dawn-color-success;
		font-weight: 0;
	}
	
	&__icon-fail {
		font-size: 120rpx;
		color: $dawn-color-danger;
		font-weight: 0;
	}

	&__image {
		width: 50%;
		height: 50%;
		// height: 200rpx;
	}

	&__title {
		margin-top: 30rpx;
		font-size: $dawn-font-size-lg;
		font-weight: bolder;
		color: $dawn-theme-color-dark;
	}

	&__text {
		font-size: $uni-font-size-base;
		color: $dawn-color-grey;
	}
	
	&__btn {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30rpx;
		font-size: $dawn-font-size-md;
		font-weight: bolder;
		color: $dawn-theme-color-dark;
	}
}

.dawn-line {
	width: 100%;
	height: 1rpx;
	margin-top: 10rpx;
	margin-bottom: 10rpx;
	background: $dawn-line-color;
}

.dawn-line-v {
	width: 1rpx;
	height: 60rpx;
	background: $dawn-line-color;
}

.dawn-color {
	color: $dawn-theme-color !important;
	font-weight: bolder;
}

.dawn-color-dark {
	color: $dawn-theme-color-dark;
	font-weight: bolder;
}

.dawn-color-red {
	color: $dawn-color-danger;
	font-weight: bolder;
}

.dawn-color-grey {
	color: $dawn-color-grey;
}

/* 标签内容 start*/
.tn-tag-content {
	&__item {
		display: inline-block;
		line-height: 35rpx;
		padding: 5rpx 25rpx;

		// margin: 20rpx 20rpx 5rpx 0rpx;
		&--prefix {
			padding-right: 10rpx;
		}
	}
}


.hosp-info {
	margin-top: $dawn-margin-box;
}

.hosp-image {
	// background-color: #E6E6E6;
	margin-right: 20rpx;
	width: 120rpx;
	height: 120rpx;
	border-radius: $dawn-border-radius;
}

.map-image {
	// background-color: #E6E6E6;
	// margin: 15rpx;
	width: 180rpx;
	height: 130rpx;
	border-radius: $dawn-border-radius;
}

.doctor-image {
	// background-color: #E6E6E6;
	// margin-right: $dawn-margin-box;
	width: 130rpx;
	height: 130rpx;
	border-radius: $dawn-border-radius;
}

/* 标签内容 end*/

.info-image {
	// background-color: #E6E6E6;
	margin-right: $dawn-margin-box;
	width: 120rpx;
	height: 120rpx;
	border-radius: $dawn-border-radius;
}

/* 模块 start */
.menu-nav {

	&__container {
		// margin-top: 10rpx;
		margin-bottom: $dawn-margin-box;
	}

	&__item {
		width: 49%;
		margin: $dawn-margin-box 0rpx 0rpx 0rpx;
		padding: 20rpx 20rpx;
		border-radius: $dawn-border-radius;
		position: relative;
		// z-index: 1;
		background-color: $dawn-menu-bg !important;

		&::after {
			content: " ";
			position: absolute;
			z-index: -1;
			width: 100%;
			height: 100%;
			left: 0;
			bottom: 0;
			border-radius: inherit;
			opacity: 1;
			transform: scale(1, 1);
			background-size: 100% 100%;
			background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/3.png);
		}

		&__left {

			&--icon {
				width: 80rpx;
				height: 80rpx;
				border-radius: 30%;
				font-size: 50rpx;
				margin-right: 20rpx;
				position: relative;
				// z-index: 1;

				&::after {
					content: " ";
					position: absolute;
					z-index: -1;
					width: 100%;
					height: 100%;
					left: 0;
					bottom: 0;
					border-radius: inherit;
					opacity: 1;
					transform: scale(1, 1);
					background-size: 100% 100%;
					background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/icon_bg5.png);
				}
			}

			&--image {
				width: 80rpx;
				height: 80rpx;
				border-radius: 30%;
				font-size: 50rpx;
				margin-right: 20rpx;
				position: relative;
				// z-index: 1;

				&::after {
					content: " ";
					position: absolute;
					z-index: -1;
					width: 100%;
					height: 100%;
					left: 0;
					bottom: 0;
					border-radius: inherit;
					opacity: 1;
					transform: scale(1, 1);
					background-size: 100% 100%;
					background-image: url(https://resource.tuniaokj.com/images/cool_bg_image/icon_bg5.png);
				}
			}

			&__content {
				font-size: 32rpx;

				&--title {
					// font-weight: bold;
					color: $dawn-title-color !important;
				}

				&--data {
					font-size: 13px;
					margin-top: 8rpx;
					// font-weight: bold;
					color: $dawn-color-grey !important;
				}
			}
		}

		&__right {
			&--icon {
				color: $dawn-color-grey;
				position: absolute;
				right: 0upx;
				top: 20upx;
				font-size: 40rpx;
				width: 80rpx;
				height: 80rpx;
				text-align: center;
				// line-height: 50upx;
				opacity: 0.15;
			}

			&--image {
				position: absolute;
				right: 20upx;
				top: 20upx;
				width: 40rpx;
				height: 40rpx;
				text-align: center;
				// line-height: 50upx;
				opacity: 0.15;
			}
		}
	}
}


.menu-img {
	background-color: #fff;
	border-radius: $dawn-border-radius;

	.menu-title {
		padding: 30rpx 30rpx 40rpx;
		font-size: 30rpx;
		color: #282828;
		font-weight: 600;
	}

	.menu-box {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}

	.item {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
		width: 25%;
		margin-bottom: 47rpx;
		font-size: 26rpx;
		color: #333333;

		image {
			width: 52rpx;
			height: 52rpx;
			margin-bottom: 18rpx;
		}

		&:last-child::before {
			display: none;
		}
	}

	button {
		font-size: 28rpx;
	}
}

.menu-icon {
	width: 25%;

	&__item {
		width: 30%;
		background-color: #FFFFFF;
		border-radius: $dawn-border-radius;
		padding: 30rpx;
		margin: 20rpx 10rpx;
		transform: scale(1);
		transition: transform 0.3s linear;
		transform-origin: center center;

		&--icon {
			width: 70rpx;
			height: 70rpx;
			font-size: 50rpx;
			border-radius: 50%;
			margin-bottom: 20rpx;
			position: relative;
			// z-index: 1;

			&::after {
				content: " ";
				position: absolute;
				z-index: -1;
				width: 100%;
				height: 100%;
				left: 0;
				bottom: 0;
				border-radius: inherit;
				opacity: 1;
				transform: scale(1, 1);
				background-size: 100% 100%;


			}
		}

		&--image {
			width: 70rpx;
			height: 70rpx;
			font-size: 50rpx;
			border-radius: 50%;
			margin-bottom: 20rpx;
			position: relative;
			// z-index: 1;

			&::after {
				content: " ";
				position: absolute;
				z-index: -1;
				width: 100%;
				height: 100%;
				left: 0;
				bottom: 0;
				border-radius: inherit;
				opacity: 1;
				transform: scale(1, 1);
				background-size: 100% 100%;


			}
		}

		&--text {
			font-size: 13px;
		}
	}
}


/* 模块 end */

/* 资讯 start*/
.news-image-box {
	// background-size: cover;
	background-size: contain;
	background-repeat: no-repeat;
	// background-attachment:fixed;
	background-position: center;
	border-radius: $dawn-border-radius;
	// border: 1rpx solid #F8F7F8;
}

.news-image-pic {
	border-radius: $dawn-border-radius;
	width: 200rpx;
	// height: 200rpx;
	height: auto;
	position: relative;
}

/* 文字*/
.news-title {
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

.news-desc {
	min-height: 55rpx;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* 资讯 end */


/* 底部悬浮按钮 start*/
.tn-tabbar-height {
	min-height: 100rpx;
	height: calc(120rpx + env(safe-area-inset-bottom) / 2);
}

.tn-footerfixed0 {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: calc(0rpx + env(safe-area-inset-bottom));
	background: $dawn-page-bg;
	z-index: 1024;
	box-shadow: $dawn-box-shadow;

}

.tn-footerfixed {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: calc(0rpx + env(safe-area-inset-bottom));
	background: $dawn-page-bg;
	// z-index: 1024;
	z-index: 998;
	// box-shadow: $dawn-box-shadow;

}

.tn-footerfixed2 {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: calc(100rpx + env(safe-area-inset-bottom));
	background: $dawn-page-bg;
	// z-index: 1024;
	// box-shadow: $dawn-box-shadow;

}

.tn-footerfixed3 {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: calc(200rpx + env(safe-area-inset-bottom));
	background: $dawn-page-bg;
	// z-index: 1024;
	box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);

}


/* 底部悬浮按钮 end*/


/* 流星*/
.tn-satr {
	position: fixed;
	width: 100%;
	height: 600px;
	overflow: hidden;
	flex-shrink: 0;
	z-index: 999;
}

.stars {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 400px;
}

.star {
	border-radius: 50%;
	// background: #ffffff;
	background: $dawn-theme-color;
	box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.8);
}

.small-stars .star {
	position: absolute;
	width: 3px;
	height: 3px;
}

.small-stars .star:nth-child(2n) {
	opacity: 0;
	-webkit-animation: star-blink 1.2s linear infinite alternate;
	animation: star-blink 1.2s linear infinite alternate;
}

.small-stars .star:nth-child(1) {
	left: 40px;
	bottom: 50px;
}

.small-stars .star:nth-child(2) {
	left: 200px;
	bottom: 40px;
}

.small-stars .star:nth-child(3) {
	left: 60px;
	bottom: 120px;
}

.small-stars .star:nth-child(4) {
	left: 140px;
	bottom: 250px;
}

.small-stars .star:nth-child(5) {
	left: 400px;
	bottom: 300px;
}

.small-stars .star:nth-child(6) {
	left: 170px;
	bottom: 80px;
}

.small-stars .star:nth-child(7) {
	left: 200px;
	bottom: 360px;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

.small-stars .star:nth-child(8) {
	left: 250px;
	bottom: 320px;
}

.small-stars .star:nth-child(9) {
	left: 300px;
	bottom: 340px;
}

.small-stars .star:nth-child(10) {
	left: 130px;
	bottom: 320px;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.small-stars .star:nth-child(11) {
	left: 230px;
	bottom: 330px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s;
}

.small-stars .star:nth-child(12) {
	left: 300px;
	bottom: 360px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

@-webkit-keyframes star-blink {
	50% {
		width: 3px;
		height: 3px;
		opacity: 1;
	}
}

@keyframes star-blink {
	50% {
		width: 3px;
		height: 3px;
		opacity: 1;
	}
}

.medium-stars .star {
	position: absolute;
	width: 3px;
	height: 3px;
	opacity: 0;
	-webkit-animation: star-blink 1.2s ease-in infinite alternate;
	animation: star-blink 1.2s ease-in infinite alternate;
}

.medium-stars .star:nth-child(1) {
	left: 300px;
	bottom: 50px;
}

.medium-stars .star:nth-child(2) {
	left: 400px;
	bottom: 40px;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.medium-stars .star:nth-child(3) {
	left: 330px;
	bottom: 300px;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

.medium-stars .star:nth-child(4) {
	left: 460px;
	bottom: 300px;
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
}

.medium-stars .star:nth-child(5) {
	left: 300px;
	bottom: 150px;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.medium-stars .star:nth-child(6) {
	left: 440px;
	bottom: 120px;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.medium-stars .star:nth-child(7) {
	left: 200px;
	bottom: 140px;
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.medium-stars .star:nth-child(8) {
	left: 30px;
	bottom: 480px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.medium-stars .star:nth-child(9) {
	left: 460px;
	bottom: 400px;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.medium-stars .star:nth-child(10) {
	left: 150px;
	bottom: 10px;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.medium-stars .star:nth-child(11) {
	left: 420px;
	bottom: 450px;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.medium-stars .star:nth-child(12) {
	left: 340px;
	bottom: 180px;
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}

@keyframes star-blink {
	50% {
		width: 4px;
		height: 4px;
		opacity: 1;
	}
}

.star-fall {
	position: relative;
	border-radius: 2px;
	width: 80px;
	height: 2px;
	overflow: hidden;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}

.star-fall:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 2px;
	background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.4)));
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
	left: 100%;
	-webkit-animation: star-fall 3.6s linear infinite;
	animation: star-fall 3.6s linear infinite;
}

.star-fall:nth-child(1) {
	left: 80px;
	bottom: -100px;
}

.star-fall:nth-child(1):after {
	-webkit-animation-delay: 2.4s;
	animation-delay: 2.4s;
}

.star-fall:nth-child(2) {
	left: 200px;
	bottom: -200px;
}

.star-fall:nth-child(2):after {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.star-fall:nth-child(3) {
	left: 430px;
	bottom: -50px;
}

.star-fall:nth-child(3):after {
	-webkit-animation-delay: 3.6s;
	animation-delay: 3.6s;
}

.star-fall:nth-child(4) {
	left: 400px;
	bottom: 100px;
}

.star-fall:nth-child(4):after {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

@-webkit-keyframes star-fall {
	20% {
		left: -100%;
	}

	100% {
		left: -100%;
	}
}

@keyframes star-fall {
	20% {
		left: -100%;
	}

	100% {
		left: -100%;
	}
}


.main {
	position: relative;
	width: 70vw;
	height: 750rpx;

	.top {
		position: absolute;
		top: 0;
		width: 100%;
		height: 500rpx;
	}

	.icon {
		position: absolute;
		top: 310rpx;
		left: calc(50% - 87rpx);
		width: 174rpx;
		height: 178rpx;
		z-index: 2;
	}

	.bottom {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 400rpx;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 5;

		.price {
			margin-top: 100rpx;
			margin-bottom: 300rpx;

			.num {
				font-size: 100rpx;
				font-weight: bold;
				color: #fc5c43;
			}

			.unit {
				position: relative;
				left: 10rpx;
				bottom: 10rpx;
				font-size: 50rpx;
				font-weight: 500;
				color: #fc5c43;
			}
		}

		.title {
			margin-bottom: 40rpx;
			font-size: 52rpx;
			font-weight: 400;
			color: #ffe0be;
		}

		.btn {
			.cl-button {
				border-radius: 52px;
				width: 316rpx;
				height: 78rpx;
				line-height: 78rpx;
				background: linear-gradient(180deg, #fff7da 0%, #f3a160 100%);
				box-shadow: 0 3rpx 6rpx #d12200;

				&__text {
					font-size: 32rpx;
					font-weight: 600;
					color: #f74d2e;
				}
			}
		}
	}
}

.Rboy-box {
	padding: 30rpx;
	display: flex;
	justify-content: space-between;
	// align-items: center;

	.Rboy-one {
		// border-radius: 10rpx;
		width: 100%;
		height: 420rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		position: relative;

		.oneimg {
			width: 90%;
			// height: 180rpx;
		}

		.bottom {
			text-align: center;
			height: 90rpx;
			background-color: #4c4c4c;
			color: #FFFFFF;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.del_btn {
			position: absolute;
			top: 5rpx;
			right: 5rpx;
			width: 50rpx;
			height: 50rpx;
			border-radius: 50%;
			z-index: 20;
			color: #992019;
			font-size: 50rpx;
		}
	}

	.Rboy-obverse {
		// border-radius: 10rpx;
		width: calc(100% - 25rpx);
		height: 300rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		position: relative;

		.obverseimg {
			width: 100%;
			// height: 180rpx;
		}

		.bottom {
			text-align: center;
			height: calc(300rpx - 180rpx);
			background-color: #4c4c4c;
			color: #FFFFFF;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.del_btn {
			position: absolute;
			top: 5rpx;
			right: 5rpx;
			width: 50rpx;
			height: 50rpx;
			border-radius: 50%;
			z-index: 20;
			font-size: 50rpx;
		}
	}

	.Rboy-reverse {
		// border-radius: 10rpx;
		width: calc(100% - 25rpx);
		height: 300rpx;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		position: relative;

		.reverseimg {
			width: 100%;
			// height: 180rpx;
		}

		.bottom {
			text-align: center;
			height: calc(300rpx - 180rpx);
			background-color: #4c4c4c;
			color: #FFFFFF;
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.del_btn {
			position: absolute;
			top: 5rpx;
			right: 5rpx;
			width: 50rpx;
			height: 50rpx;
			border-radius: 50%;
			z-index: 20;
			font-size: 50rpx;
		}
	}
}


.aui-upload-text {
	color: #333333;
	font-size: 13px;
	padding: 15px 15px 0px 15px;
	background: #fff;
}

.aui-upload-text p {
	color: #333333;
	font-size: 13px;
	margin-bottom: 0px;
}

.aui-upload-text p em {
	font-style: normal;
	color: #ff5050;
}

.aui-upload-text h2 {
	color: #000;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 10px;
}


.aui-palace {
	padding: 10rpx 10rpx;
	position: relative;
	overflow: hidden;
	background: white;
	// border-bottom-left-radius: 10px;
	// border-bottom-right-radius: 10px;
}

.aui-palace-grid {
	position: relative;
	float: left;
	padding: 1px;
	width: 25%;
	box-sizing: border-box;
	// margin: 10rpx 0;
}

.aui-palace-grid image {
	width: 95%;
	margin: 0 auto;
	height: 58px;
}

.aui-palace-grid p {
	text-align: center;
	font-size: 12px;
	color: #919191;
}


.car-value {
	display: flex;
	color: #000;

	.car-input {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 74rpx;
		width: 64rpx;
		border: 1px solid #9E9E9E;
		border-radius: $dawn-border-radius;
		text-align: center;
		font-size: 38rpx;
		line-height: 1;
		margin-left: 10rpx;
		background-color: #FFFFFF;

		&.new-energy {
			background: transparent;
			border-style: dashed;
		}
	}

	.car-point {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 74rpx;
		width: 20rpx;
		margin-left: 10rpx;

		.point {
			width: 20rpx;
			height: 20rpx;
			background-color: #9E9E9E;
			border-radius: 50%;
		}
	}

	.new-energy-car {
		display: flex;
		flex-direction: column;
		font-size: 16rpx;
		color: #fff;

		.icon {
			margin-bottom: 8rpx;
		}
	}
}

.dawn-upload-add {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 6px;
	margin-left: 0;
	background-color: #E6E6E6;
	position: relative;
	border-radius: 5px;
	flex-direction: column;
	color: #838383;
	font-size: 13px;

	&__tips {
		margin-top: 10px;
		line-height: 20px;
	}

	&__icon {
		font-size: 40rpx;
	}
}

.dawn-upload-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin: 6px;
	margin-left: 0;
	background-color: #E6E6E6;
	border-radius: 5px;

	image {
		width: 100%;
		height: 84px;
		border-radius: 30rpx;
	}
}

.dawn-popup-head {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10000;
	background-color: white;
	// border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 10rpx 20rpx;
}

.dawn-head {
	display: flex;
	justify-content: space-between;
	padding: 20rpx;
	background-color: white;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	&__fixed {
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 10000;
	}

	// padding: 10rpx 0rpx;
	&__icon {
		color: $dawn-theme-color;
		font-weight: bolder;
		font-size: $dawn-font-size-md;
	}

	&__title {
		color: $dawn-theme-color;
		font-weight: bolder;
		font-size: $dawn-font-size-md;
	}

	&__right {
		color: $dawn-theme-color;
		font-weight: bolder;
		font-size: $dawn-font-size-md;
	}
}

.list {
	// margin-top: 20rpx;
}

.list-badge {
	position: absolute;
	margin-top: -25px;
	// right: 3px;
	left: 3px;
}

.list-badge-right {
	position: absolute;
	margin-top: -25px;
	// right: 3px;
	right: 3px;
}

.list-item {
	padding: 30rpx;
	background: #fff;
	margin-bottom: $dawn-margin-box;
	box-shadow: $dawn-box-shadow;
	border-radius: $dawn-border-radius;
}

.list-head {
	// margin-bottom: 20rpx;
	margin-bottom: $dawn-margin-box;
}

.list-content {
	line-height: 40rpx;
}

.list-content-left {
	overflow: hidden;
}

.list-content-item {
	overflow: hidden;
}

.list-content-image {
	// background-color: #E6E6E6;
	border-radius: 5px;
	margin-right: 10rpx;
	width: 210rpx;
	height: 150rpx;
	border-radius: $dawn-border-radius;
	padding-left: 5rpx;
	padding-right: 5rpx;
}



.list-foot {
	margin-top: 20rpx;
}



.tn-form-item {
	display: flex;
	flex-direction: column;
	padding: 5px 0 !important;
	font-size: 14px;
	color: #080808;
	box-sizing: border-box;
	line-height: 30px !important;
}

.tn-input {
	min-height: 58rpx !important;
}

.input-lable {
	font-size: $dawn-font-size-base;
	margin-right: 10rpx;
	width: 130rpx;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	// height: 58rpx !important;
}

.input-icon {
	width: 30rpx;
	margin-left: 10rpx;
}

.input-border-bottom {
	border: 0px;
	border-bottom-width: 0.5px !important;
	border-style: solid;
	border-color: #0000001a;
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.dawn-input {
	width: 100% !important;
	padding: 0px 10px !important;
	text-align: left !important;
	border-radius: 3px !important;
	border: 1px solid #0000001a;
	line-height: 58rpx !important;
	min-height: 58rpx !important;
	height: 58rpx !important;
	font-size: 14px !important;
}

.dawn-form-input {
	width: 100% !important;
	padding: 0px 10px !important;
	text-align: left !important;
	border-radius: 3px !important;
	border: 1px solid #0000001a;
	line-height: 58rpx !important;
	min-height: 58rpx !important;
	height: 58rpx !important;
	font-size: 14px !important;
}

.dawn-picker {
	width: 100% !important;
	// padding: 0px 10px !important;
	text-align: left !important;
	border-radius: 3px !important;
	// border: 1px solid #0000001a;
	line-height: 58rpx !important;
	min-height: 58rpx !important;
	height: 58rpx !important;
	font-size: 14px !important;
}

.list {
	font-size: $dawn-font-size-base;

	&__left {
		display: flex;
		align-items: center;
		justify-content: flex-start;

		&__icon,
		&__image {
			margin-right: 6rpx;
			font-size: $dawn-font-size-md + 2;
			font-weight: bolder;
			color: $dawn-theme-color-dark;
		}

		&__text {
			font-size: $dawn-font-size-base;
			color: $dawn-color-grey;
			// font-weight: bolder;
		}
	}

	&__content {
		padding: 40rpx 20rpx;
		margin-bottom: 10rpx;
	}

	&__right {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		&__text {
			font-size: $dawn-font-size-lg;
			font-weight: bolder;
		}
	}
}

.list-icon-text,
.list-image-text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10rpx 15rpx;
}

.list-icon {
	text-align: center;
	border-radius: 100rpx;
	margin-right: 8rpx;
	width: 38rpx;
	height: 38rpx;
	line-height: 38rpx;
	background-color: #3571BB !important;
	color: #ffffff;
}

.conters {
	padding: 30rpx;
	font-size: 30rpx;
	color: #282828;
	line-height: 1.7;
}

.dawn-btn-xs::before {
    content: " ";
    display: block;
    background: inherit;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: inherit;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.dawn-btn-xs {
	margin: 0px 0px 0px 10rpx !important;
	padding: 10rpx 15rpx !important;
	font-size: 26rpx !important;
	width: auto !important;
	height: auto !important;
	box-shadow: $dawn-box-shadow !important;
	color: #ffffff;

	&__main {
		background-image: repeating-linear-gradient(45deg, $dawn-theme-color, $dawn-theme-color-dark) !important;
		color: #ffffff !important;
	}

	&__pay {
		background-image: repeating-linear-gradient(45deg, #b86e94, #ff7043) !important;
	}

	&__defult {
		background-color: #e6e3e6 !important;
		color: #000000 !important;
		padding: 10rpx 15rpx !important;
	}

	&__primary {
		background-color: $dawn-color-primary !important;
		color: #ffffff !important;
	}

	&__success {
		background-color: $dawn-color-success !important;
		color: #ffffff !important;
	}

	&__info {
		background-color: $dawn-color-info !important;
		color: #ffffff !important;
	}

	&__warning {
		background-color: $dawn-color-warning !important;
		color: #ffffff !important;
	}

	&__danger {
		background-color: $dawn-color-danger !important;
		color: #ffffff !important;
	}
}

.dawn-btn-sm::before {
    content: " ";
    display: block;
    background: inherit;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: inherit;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.dawn-btn-sm {
	margin: 0px 0px 0px 10rpx !important;
	padding: 15rpx 20rpx !important;
	font-size: 28rpx !important;
	width: auto !important;
	height: auto !important;
	box-shadow: $dawn-box-shadow !important;
	color: #ffffff;

	&__main {
		background-image: repeating-linear-gradient(45deg, $dawn-theme-color, $dawn-theme-color-dark) !important;
		color: #ffffff !important;
	}

	&__pay {
		background-image: repeating-linear-gradient(45deg, #b86e94, #ff7043) !important;
	}

	&__defult {
		background-color: #e6e3e6 !important;
		color: #000000 !important;
		padding: 10rpx 15rpx !important;
	}

	&__primary {
		background-color: $dawn-color-primary !important;
		color: #ffffff !important;
	}

	&__success {
		background-color: $dawn-color-success !important;
		color: #ffffff !important;
	}

	&__info {
		background-color: $dawn-color-info !important;
		color: #ffffff !important;
	}

	&__warning {
		background-color: $dawn-color-warning !important;
		color: #ffffff !important;
	}

	&__danger {
		background-color: $dawn-color-danger !important;
		color: #ffffff !important;
	}
}

.dawn-btn {
	font-weight: bolder !important;
	padding: 15rpx 20rpx !important;
	width: auto !important;
	font-size: $dawn-font-size-base!important;
	box-shadow: $dawn-box-shadow !important;
}

.dawn-btn-xl {
	font-weight: bolder !important;
	padding: 40rpx 0 !important;
	width: 90% !important;
	font-size: 32rpx !important;
	box-shadow: $dawn-box-shadow !important;
	color: #FFFFFF;
}

.dawn-btn-lg::before {
    content: " ";
    display: block;
    background: inherit;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 5px;
    left: 5px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-radius: inherit;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}


.dawn-btn-lg {
	font-weight: bolder !important;
	padding: 40rpx 0 !important;
	width: 70% !important;
	font-size: 32rpx !important;
	box-shadow: $dawn-box-shadow !important;
	color: #FFFFFF;

	&__main {
		background-image: repeating-linear-gradient(45deg, $dawn-theme-color, $dawn-theme-color-dark) !important;
		color: #ffffff !important;
	}

	&__pay {
		background-image: repeating-linear-gradient(45deg, #b86e94, #ff7043) !important;
		color: #ffffff !important;
	}
	
	&__eh {
		background-color: #2054D1 !important;
		color: #ffffff !important;
		width: 100% !important;
	}

	&__defult {
		background-color: #e6e3e6 !important;
		color: #000000 !important;
	}

	&__primary {
		background-color: $dawn-color-primary !important;
		color: #ffffff !important;
	}

	&__success {
		background-color: $dawn-color-success !important;
		color: #ffffff !important;
	}

	&__info {
		background-color: $dawn-color-info !important;
		color: #ffffff !important;
	}

	&__warning {
		background-color: $dawn-color-warning !important;
		color: #ffffff !important;
	}

	&__danger {
		background-color: $dawn-color-danger !important;
		color: #ffffff !important;
	}
}

.dawn-tag-sm {
	padding: 0px 6px !important;
	font-size: $dawn-font-size-sm !important;
	height: 40rpx !important;
	width: auto !important;
	margin: 0px !important;
	border-radius: $dawn-btn-radius !important;
	border-width: 0.5px !important;
	border-style: solid;
	border-color: $dawn-theme-color;
	color: $dawn-theme-color;

	&__lg {
		font-size: $dawn-font-size-lg !important;
		padding: 3px 6px !important;
		height: 50rpx !important;
		font-weight: bolder !important;
	}
	
	&__1 {
		border-color: $dawn-color-primary !important;
		color: $dawn-color-primary !important;
	}

	&__2 {
		border-color: $dawn-color-info !important;
		color: $dawn-color-info !important;
	}

	&__3 {
		border-color: $dawn-color-success;
		color: $dawn-color-success !important;
	}

	&__4 {
		border-color: $dawn-color-danger !important;
		color: $dawn-color-danger !important;
	}

	&__5 {
		border-color: $dawn-color-warning !important;
		color: $dawn-color-warning !important;
	}
}

.dawn-input-text {
	position:relative;
	display: flex;
	align-items: center;
	width: 100% !important;
	padding: 5px 5px !important;
	text-align: left !important;
	border-radius: 3px !important;
	border: 1px solid $dawn-border-color;
	// line-height: 80rpx !important;
	min-height: 80rpx !important;
	// height: 80rpx !important;
	font-size: $dawn-font-size-base;
	box-shadow: $dawn-box-shadow;
}


.dawn-check-box {
	position: relative;
	padding: 20rpx 0rpx;
	margin: 10rpx;
	border-radius: $dawn-box-radius;
	text-align: center;
	white-space: nowrap;
	background-color: $dawn-bg-grey !important;

	&__select {
		transition: transform .4s;
		font-size: $dawn-font-size-md + 2;
		// font-weight: bolder;
		background-color: $dawn-theme-color-light !important;

		&--icon {
			color: $dawn-theme-color !important;
			position: absolute;
			bottom: -4upx;
			right: -2upx;
			font-size: 40rpx;
			text-align: center;
			// line-height: 50upx;
		}

		&--reverse {
			transform: rotate(-180deg);
		}
	}
}


	
.login-container {
	position: relative;
	// margin-top: -280px;
	margin-top: - $dawn-top-bg-height;
	// padding: 20rpx 30rpx 40rpx 30rpx;
	padding: $dawn-page-container-padding;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
}

.top-box-img {
	width: 100%;
	height: 100%;
	background-size: cover;
	// background-size: 100% 100%;
	// background-size: contain; 
}

.app-loading-item {
	position: relative;
	display: inline-block;
	width: 75px;
	height: 75px;
	vertical-align: middle;
	border-radius: 50%;
}

.app-loading-outter {
	position: absolute;
  width: 100%;
  height: 100%;
  border: 10px solid $dawn-app-loading-color1;
  border-bottom: 0;
  border-left-color: transparent;
  border-radius: 50%;
  animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.app-loading-inner {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border: 10px solid $dawn-app-loading-color2;
  border-right: 0;
  border-top-color: transparent;
  border-radius: 50%;
  animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

@-webkit-keyframes loader-outter {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }

  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}

@keyframes loader-outter {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }

  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-inner {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }

  100% {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
  }
}

@keyframes loader-inner {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }

  100% {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
  }
}